<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>{{title}}</title>
	<meta name="description" content="小土家是一个社区化的二手闲置交易市场，不仅支持各种同城及线上的担保交易，更安全，同时还有最专业的放心购二手商家，让你轻松在这买卖二手闲置。"/>
    <meta name="keywords" content="小土家二手，小土家二手闲置，小土家二手市场，小土家2手，淘二手，淘实惠，跳蚤市场"/>
    <!-- 引入css初始化文件 -->
    <link rel="stylesheet" href="{{ static_url('css/normalize.css')}}" type="text/css" />
    <!-- 专属的首页样式 -->
    <link rel="stylesheet" href="{{ static_url('css/index.css')}}" type="text/css" />
</head>
<body>
	<!-- 快速导航栏 start -->
	<div class="shortcut">
	  <div class="w">
		<ul class="fl city">
			<li>
				<i class="f10"></i>
				<a href="#">南京</a>
			</li>
		</ul>
		<ul class="fr">
			{% if user is None %}
			<li>
				<a href="#">您好，请登陆</a>
				<a href="#" class="f10">免费注册</a>
			</li>
			{% else %}
			<li>
				<a href="#">欢迎，{{user.username}}</a>
			</li>
			{% end %}
			<li class="space"></li>
			<li>
				<a href="#">我的订单</a>
			</li>
			<li class="space"></li>
			<li>
				<a href="#">我的小土家</a>
				<i></i>
			</li>
			<li class="space"></li>
			<li>
				<a href="#">小土家会员</a>
			</li>
			<li class="space"></li>
			<li>
				<a href="#">企业采购</a>
			</li>
			<li class="space"></li>
			<li>
				<a href="#">客户服务</a>
				<i></i>
			</li>
			<li class="space"></li>
			<li>
				<a href="#">网站导航</a>
				<i></i>
			</li>
			<li class="space"></li>
		</ul>
	  </div>
	</div>
	<!-- 快速导航栏 end -->

	<!-- header 部分 start -->
	{% if user is not None %}
	<header>
		<img src="{{static_url('image/header.jpg')}}" height="345" width="100%" alt="">
		<div class="user-card">
			<div class="unlogin">
				<img class="touxiang" src="{{static_url('image/1.jpg')}}"  alt="">
				<p class="tip" style="font-size: 18px;">昵称：<span style="color: greenyellow">{{user.username}}</span></p>
				<p class="btn" id="logout"><span></span>退出登录</p>
			</div>
		</div>
	</header>
	{% else %}
	<header>
		<img src="{{ static_url('image/header.jpg')}}" height="345" width="100%" alt="">
		<div class="user-card">
			<div class="unlogin">
				<img class="touxiang" src="{{ static_url('image/login.png')}}"  alt="">
				<a class="btn" href="/login">请登录</a>
				<a class="tip" href="/register">免费注册</a>
			</div>
		</div>
	</header>
	{% end %}
	<!-- header 部分 end -->

	<!-- 中间部分 start -->
	<div class="w middle">
		<!-- 小导航部分 start -->
		<div class="navitems">
			<div class="item first"><p>附近</p></div>
			<div class="item"><p>关注</p></div>
			<div class="item"><p>新鲜</p></div>
			<div class="item"><p>食品</p></div>
			<div class="item"><p>数码</p></div>
			<div class="item"><p>租房</p></div>
			<div class="item"><p>服装</p></div>
			<div class="item"><p>居家</p></div>
			<div class="item"><p>美妆</p></div>
			<div class="item"><p>运动</p></div>
			<div class="item"><p>家电</p></div>
			<div class="item"><p>办公</p></div>
		</div>
		<!-- 小导航部分 end -->

		<!-- 商品部分 start-->
		<div class="recom">
			<ul>
				{% for shop in shops %}
				<li>
					<a href="/detail?good={{shop.id}}">
						<div class="over"><img src="{{static_url(shop.photo)}}"  alt=""></div>
						<h5>{{shop.name}}</h5>
					</a>
					<p><span>芝麻信用良好</span>  •  12个人想买</p>
				</li>
				{% end %}
			</ul>
		</div>
		<!-- 商品部分 end-->
	</div>
    <!-- 中间部分 end -->

     <!-- 页面底部分 start -->
    <div class="footer">
    	<!-- 服务模块 -->
    	<div class="service">
    		<div class="w">
    			<ul>
    				<li>
    					<h5></h5>
    					<p>品类齐全，轻松购物</p>
    				</li>
    				<li>
    					<h5></h5>
    					<p>多仓直发，极速配送</p>
    				</li>
    				<li>
    					<h5></h5>
    					<p>正品发货，精致服务</p>
    				</li>
    				<li>
    					<h5></h5>
    					<p>天天低价，畅选无阻</p>
    				</li>
    			</ul>
    		</div>
    	</div>
    	<!-- 帮助模块 -->
    	<div class="w help">
    		<div class="fl">
    			<dl>
    				<dt>购物指南</dt>
    				<dd><a href="#">购物流程</a></dd>
    				<dd><a href="#">会员介绍</a></dd>
    				<dd><a href="#">生活旅行</a></dd>
    				<dd><a href="#">常见问题</a></dd>
    				<dd><a href="#">大家电</a></dd>
    				<dd><a href="#">联系客服</a></dd>
    			</dl>
    			<dl>
    				<dt>购物指南</dt>
    				<dd><a href="#">购物流程</a></dd>
    				<dd><a href="#">会员介绍</a></dd>
    				<dd><a href="#">生活旅行</a></dd>
    				<dd><a href="#">常见问题</a></dd>
    				<dd><a href="#">大家电</a></dd>
    				<dd><a href="#">联系客服</a></dd>
    			</dl>
    			<dl>
    				<dt>购物指南</dt>
    				<dd><a href="#">购物流程</a></dd>
    				<dd><a href="#">会员介绍</a></dd>
    				<dd><a href="#">生活旅行</a></dd>
    				<dd><a href="#">常见问题</a></dd>
    				<dd><a href="#">大家电</a></dd>
    				<dd><a href="#">联系客服</a></dd>
    			</dl>
    			<dl>
    				<dt>购物指南</dt>
    				<dd><a href="#">购物流程</a></dd>
    				<dd><a href="#">会员介绍</a></dd>
    				<dd><a href="#">生活旅行</a></dd>
    				<dd><a href="#">常见问题</a></dd>
    				<dd><a href="#">大家电</a></dd>
    				<dd><a href="#">联系客服</a></dd>
    			</dl>
    			<dl>
    				<dt>购物指南</dt>
    				<dd><a href="#">购物流程</a></dd>
    				<dd><a href="#">会员介绍</a></dd>
    				<dd><a href="#">生活旅行</a></dd>
    				<dd><a href="#">常见问题</a></dd>
    				<dd><a href="#">大家电</a></dd>
    				<dd><a href="#">联系客服</a></dd>
    			</dl>
    			<dl>
    				<dt>购物指南</dt>
    				<dd><a href="#">购物流程</a></dd>
    				<dd><a href="#">会员介绍</a></dd>
    				<dd><a href="#">生活旅行</a></dd>
    				<dd><a href="#">常见问题</a></dd>
    				<dd><a href="#">大家电</a></dd>
    				<dd><a href="#">联系客服</a></dd>
    			</dl>
    		</div>
    		<!-- <div class="fr coverage">
    			<h5>自营覆盖区县</h5>
				<p>已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
				<a href="#">查看详情 > </a>
    		</div> -->
    	</div>

    	<div class="w copyright">
    		<p>
    			<a href="#">关于我们</a>
    			<span>|</span>
    			<a href="#">关于我们</a>
    			<span>|</span>
    			<a href="#">关于我们</a>
    			<span>|</span>
    			<a href="#">关于我们</a>
    			<span>|</span>
    			<a href="#">关于我们</a>
    			<span>|</span>
    			<a href="#">关于我们</a>
    			<span>|</span>
    			<a href="#">关于我们</a>
    			<span>|</span>
    			<a href="#">关于我们</a>
    			<span>|</span>
    			<a href="#">关于我们</a>
    			<span>|</span>
    			<a href="#">关于我们</a>
    			<span>|</span>
                <a href="#">关于我们</a>
    			<span>|</span>
    		</p>
    		<div>
    			<p>小土家网安备 11000002000088号<span>|</span>京ICP证070359号<span>|</span>互联网药品信息服务资格证编号(京)-经营性-2014-0008<span>|</span>新出发京零 字第大120007号</p>
                <p>互联网出版许可证编号新出网证(京)字150号<span>|</span>出版物经营许可证<span>|</span>网络文化经营许可证京网文[2014]2148-348号<span>|</span>违法和不良信息举报电话：4006561155</p>
                <p>Copyright © 2004 - 2017  小土家.com 版权所有|消费者维权热线：4006067733经营证照
                京东旗下网站：小土家支付|小土家云</p>
    		</div>
    		<p class="footer-ico">
    			<a href="#"></a>
    			<a href="#"></a>
    			<a href="#"></a>
    			<a href="#"></a>
    			<a href="#"></a>
    			<a href="#"></a>
    		</p>
    	</div>
    </div>
    <!-- 页面底部分 end -->

	
</body>
<script src="{{ static_url('js/jquery-3.2.1.min.js')}}"></script>
<script>
	$(function () {
		$('#logout').click(function(){
			$.ajax({
				url: '/logout',
				method: 'post',
				success: function (data) {
					if(data.status){
						window.location.href = '/';
					}
				}
			})
		})
	})
</script>
</html>
